@charset "utf-8";

/*头部*/
@import "header";
/*头部*/

body{

}
/*新闻部分*/
.news_dt{
    min-height: 290px;
    padding-top: 42px;
    margin-top: 50px;
    padding-bottom: 87px;
}
.dt_title{
   font-size: 30px; 
   margin-bottom: 40px;
   color: #ff965d;
}
.dt_item{
    transition: opacity .2s linear; 
    max-width: 304px;
    max-height: 202px;
    border: 1px solid #aabdcf;
    border-radius:5px ;
    position: relative;
   .summary{
       overflow: hidden;
       word-wrap: normal;
       text-overflow: ellipsis;
       position: absolute;
       bottom: 0;
       color: #FFFFFF;
       width: 100%;
       padding-top: 4%;
       padding-bottom: 4%;
       text-align: center;
       background: rgba(0,0,0,.6);
   }
   &:hover{
       opacity: .8;
   }
    
}
/*新闻部分*/
.news_item{
    margin-bottom: 38px;
    .item_img{
        transition: opacity .2s linear; 
        max-width: 221px;
        max-height: 136px;
        padding: 3px;
        border: 1px solid #aabdcf;
        border-radius: 5px;
        &:hover{
            opacity: .8;
        }
    }
    .item_right{
        h4{
            margin-bottom: 16px;
            font-size: 18px;
            a{
                color:#000;
                text-decoration:none;
                &:hover{
                    color: #ff6900;
                }
            }
        }

        p{
            margin-top: 22px;
            line-height: 25px;
        }
        .btn{
            float: right;
            display: block;
            width:98px ;
            height: 32px;
            color: #ffb78b;
            border-radius:40px;
            border: 1px solid #ffb78b;
            &:hover{
                color: #FFFFFF;
                background: #ff6900;
            }
        }
    }
}

.line{
    margin-top: 20px;
    border-top:2px dashed #f1f1f1;
}

.pagination>.active{
    a{
        border-color: #eab6b1;
        background: #e34637;
        &:hover{
            border-color: #eab6b1;
             background: #e34637;
        }
    }
   
}

@media (max-width:768px){
    .dt_item{
        .summary{
            display: none;
        }
    }
    .dt_list{
        padding: 0 5px;
    }
    .news_item{
        border-bottom: 0;
        .item_right{
            p{
                display: none;
            }
            .btn{
                display: none;
            }
        }
    }

    
}


/*尾部*/
    @import "footer";
/*尾部*/

@media (max-width:480px){
    .news_item{
        margin-bottom: 15px;
        .item_right{
            h4{
                font-size: 14px;
            }
        }
        .item_left{
            padding: 0 4px;
        }
    }
    .news_dt{
        min-height: 220px;
        padding-bottom: 0;
    }
    
}

@media (min-width:1200px){
    .container{
        width:1000px;
    }
}
